<template>
  <div>
    <zujian>
        <template #uname>
            <h5>用户名</h5>
            <input type="text">
            
        </template>
        <template #password>
            <h5>密码</h5>
            <input type="password">          
        </template>
        <template #sex>
            <h5>性别</h5>
            <input type="radio">男
            <input type="radio">女
        </template>
        <template #hobby>
            <h5>爱好</h5>
            <input type="checkbox">抽烟
            <input type="checkbox">喝酒
            <input type="checkbox">烫头
        </template>
        <template #address>
            <h5>来自于</h5>
            <select name="" id="">
                <option value="">北京</option>
                <option value="">天津</option>
                <option value="">南京</option>
            </select>
        </template>
    </zujian>
  </div>
</template>

<script>
import zujian from './components/zhuoye.vue'
export default {
components:{
    zujian
}
}
</script>

<style>
div{
    border: 1px solid #535353;
}
</style>